<template>
  <div>
    <section class="banner-main-index">
      <p class="p1">基于阿里AI构建的果品识别系统</p>
      <p class="p2">可检测出图像中是否含有水果并识别出水果的种类</p>
    </section>
    <div class="banner1">
      <a href="#"><img src="../../assets/img/banner.jpg" alt="" /></a>
    </div>
    <main>
      <section class="change">
        <section class="title">
          <h2>水果分类</h2>
          <p>目前支持60种水果和16种坚果</p>
        </section>
        <ul>
          <li>
            <a href="/single"
              ><img src="../../assets/img/icon1.png" width="85" height="65"
            /></a>
            <h3>橘子</h3>
            <span>有营养啊....</span>
          </li>
          <li>
            <a href="/single"
              ><img src="../../assets/img/icon2.png" width="85" height="65"
            /></a>
            <h3>木瓜</h3>
            <span>有营养啊....</span>
          </li>

          <li>
            <a href="/single"
              ><img src="../../assets/img/icon3.png" width="85" height="65"
            /></a>
            <h3>荔枝</h3>
            <span>有营养啊....</span>
          </li>
          <li>
            <a href="/single"
              ><img src="../../assets/img/icon4.png" width="85" height="65"
            /></a>
            <h3>草莓</h3>
            <span>有营养啊....</span>
          </li>
        </ul>
      </section>
      <section class="show-tab-main">
        <section class="clear"></section>
        <section class="more"><a href="/single">查看更多</a></section>
      </section>
      <!--/show-->

      <section class="about">
        <section class="about-main">
          <p>AI果品识别是基于阿里AI构建果品识别系统。</p>
          <p>
            从2012年开始，深度学习席卷了图像识别领域，在图像分类、目标检测、语义分割等领域秒杀了传统的方法，AI果品分析也在这次浪潮之中。
          </p>
        </section>
      </section>
    </main>
  </div>
</template>

<script>
export default {};
</script>

<style src="../../assets/css/base.css" scoped></style>